﻿//懒加载  
window.addEventListener("load", function (event) { lazyload(); });

// pc端产品导航
$(function(){
	$('.listTitle .list .listTit .icon').on('click',function(){
		$(this).parents('.list').find('.listBox').toggleClass('active');
		$(this).parents('.list').toggleClass('active');
	}) 
});
// 移动端产品导航
$(document).ready(function() {
	$(".menuBox .menuDown").click(function() {

		$(this).siblings(".menuList").toggleClass("none");
	})
});

// 产品分类鼠标悬停效果
$(document).ready(function() {
    $('.categories-box').hover(
        function() {
            // 鼠标进入（悬停）
			$(".categories-box").removeClass("hover");
            $(this).addClass("hover");
        },
        function() {
            // 鼠标离开
            $(this).removeClass("hover")
        }
    );
});

// 工厂展示鼠标悬停效果
$(document).ready(function() {
	var width = $(window).width();
	if (width < 769) {
		$(".culBox").removeClass("hover");
	    return;
	} else {
	    $('.culBox').hover(
	        function() {
	            // 鼠标进入（悬停）
	    		$(".culBox").removeClass("hover");
	            $(this).addClass("hover");
	        },
	        function() {
	            // 鼠标离开
	            $(this).removeClass("hover")
	        }
	    );
	}
	
   
});

//Faq点击展开收起事件
$(document).ready(function(){
            $(".toggle-container").click(function(){
                // Find the associated content by targeting the next sibling element
                var content = $(this).next(".toggle-content");
                content.slideToggle(300);
                
                $(this).find(".toggle-button").toggleClass("expanded");
                $(this).closest(".faqlist").toggleClass("active");
            });
        });

$(function(){ 
    
    //手机导航
    $(".header2 .nav-btn").on('click', function() {
        var _this = $(this);
        if (!$(this).hasClass('hover')) {
            $(this).addClass('hover');
            $(this).children('.line1').css({ 'transition': 'transform 0.2s linear','transform': 'rotate(45deg)'});
            $(this).children('.line2').fadeOut(300);
            $(this).children('.line3').css({'transition': 'transform 0.2s linear','transform': 'rotate(-45deg)'},function(){
                _this.addClass('active');
            });
            $(this).parent(".main-wrap").siblings('.sub-menu').stop().fadeIn();
            $("header .list-cont").addClass('active');
            $("body,html").stop(true,true).addClass('ovh-f');
            $(".search-bg").stop(true,true).fadeIn();
            $(".header2").addClass('active');
			document.body.style.overflow = 'hidden';
			document.body.style.height = '100vh';
            $(".sub-menu li").addClass("animate");
        }else{
            $(this).removeClass('hover');
            $(this).removeClass('active');
            $(this).children('.line1').stop(true,true).css({'transition': 'transform 0.2s linear', 'transform': 'rotate(0)'});
            $(this).children('.line2').stop(true,true).fadeIn(300);
            $(this).children('.line3').stop(true,true).css({ 'transition': 'transform 0.2s linear','transform': 'rotate(0)'});
            $(this).parent(".main-wrap").siblings('.sub-menu').stop().fadeOut();
            $("header .list-cont").removeClass('active');
            $("body,html").stop(true,true).removeClass('ovh-f');
            $(".search-bg").stop(true,true).fadeOut();
            $(".header2").removeClass('active');
			document.body.style.overflow = '';
			document.body.style.height = '';
            $(".sub-menu li").removeClass("animate");
        }
    });
    setTimeout(function(){
        $(".header1 nav li").eq(1).removeClass("delay1");
        $(".header1 nav li").eq(2).removeClass("delay2");
        $(".header1 nav li").eq(3).removeClass("delay3");
        $(".header1 nav li").eq(4).removeClass("delay4");
        $(".header1 nav li").eq(5).removeClass("delay5");
        $(".header1 nav li").eq(6).removeClass("delay6");
    },1500)

    // scrollAni();
    // visual_button_scroll_down();
    // visual_button_scroll_down2()
    $('.back-top').on('click',function(){
        $('html,body').animate({
            scrollTop: 0
        },600, 'easeInOutQuad');
    });
    // if ($(".n-banner").length==1 || $(".n-banenr-two").length==1) {
    //     $(".n-banner").addClass("active");
    //     $(".n-banenr-two").addClass("active");
    //     setTimeout(function(){
    //         text({
    //             str: $('#text').data("text"),
    //             effect: "right",
    //             speed :$('#text').data("time"),
    //         });
    //     },500)
        
    // };
    
});

//搜索框事件 PC 
document.getElementById('search-icon').addEventListener('click', function(event) {
    var searchForm = document.getElementById('search-form');
    searchForm.classList.toggle('active');
	$(this).addClass("hide");
    event.stopPropagation(); // 阻止点击事件向上冒泡，防止立即关闭搜索框
});

document.addEventListener('click', function(event) {
    var searchForm = document.getElementById('search-form');
    var searchIcon = document.getElementById('search-icon');
	
    // 如果点击的不是搜索表单或搜索图标，则关闭搜索框
    if (!searchForm.contains(event.target) && !searchIcon.contains(event.target)) {
        searchForm.classList.remove('active');
		$(".search-icon").removeClass("hide")
    }
});

//搜索框事件 Mobile
document.getElementById('search-icon2').addEventListener('click', function(event) {
    var searchForm = document.getElementById('search-form2');
    searchForm.classList.toggle('active');
	
    event.stopPropagation(); // 阻止点击事件向上冒泡，防止立即关闭搜索框
});
$(document).ready(function(){
            $(".search-close i").click(function(){
                var searchForm = document.getElementById('search-form2');
                 searchForm.classList.remove('active');
            });
});



//产品
$(document).ready(function() {
    $('.menu-item').click(function() {
        var submenu = $(this).next('.submenu');
        var arrow = $(this).find('.arrow');
        
		$(this).toggleClass("active");
        // Slide toggle the submenu
        submenu.slideToggle(300);
        
        // Toggle arrow direction
        arrow.toggleClass('up');
    });
});


//About页面视频
function displayVideo(videoUrl) {
	if ($('#videoContainer').length) {
	    var videoContainer = document.getElementById('videoContainer');
	    videoContainer.innerHTML = ''; // 清空之前的视频内容
	    
	    // 判断视频链接是否包含 .mp4
	    if (videoUrl.includes('.mp4')) {
	        // 如果是 .mp4 视频，使用 <video> 标签展示
	        var video = document.createElement('video');
	        video.src = videoUrl;
	        video.controls = true;
	        videoContainer.appendChild(video);
	    } else {
	        // 如果不是 .mp4 视频，使用 <iframe> 嵌入（如YouTube或其他）
	        var iframe = document.createElement('iframe');
	        iframe.src = videoUrl;
	        iframe.width = '560'; // 可根据需求调整尺寸
	        iframe.height = '315';
	        iframe.frameBorder = '0';
	        iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';
	        iframe.allowFullscreen = true;
	        videoContainer.appendChild(iframe);
	    }
	}  
}
$(document).ready(function() {
	if ($('#videoUrlInput').length) {
		var videoUrl = document.getElementById('videoUrlInput').value;
		if(videoUrl==""){
			$("#videoContainer").hide();
		}else{
			displayVideo(videoUrl);
		}
	} 
	  
});

/*社交媒体*/
$(document).ready(function(){
	// 当点击按钮时
		  $(window).scroll(function(){
		  	if($(window).scrollTop()>0){
		  		$('#go_top').addClass("show");
		  	}else{
		  		$('#go_top').removeClass("show");
		  	}
		  });
		  $('#go_top').click(function(){$("html, body").animate({"scrollTop":0}, 700);});		
	var width = $(window).width();
	if (width > 1200) {
		//判断社交媒体是否有值
		if ($('.chat_item').length > 0) {
			$('#chat_window .chat_box.is_respon').hover(
			  function(){
				$("#chat_window .chat_box .box").show();
						  $(".chat_box_menu .more").hide();
			  }, 
			  function(){
					$("#chat_window .chat_box .box").hide();
							$(".chat_box_menu .more").show();
			  }
			);  
		}else{
			$('#chat_window .chat_box.is_respon').hover(
			  function(){
				$("#chat_window .chat_box .box").show();
			  }
			);  
		} 
	   
	} else {
		$("#chat_window .chat_box.is_respon .chat_box_menu .more").click(function(){
				$("#chat_window .chat_box .box").toggleClass("show");
				$(".chat_box_menu .more").hide();
			});
			$("#chat_window .chat_box .box .chat_close").click(function(){
				$("#chat_window .chat_box .box").removeClass("show");
				$(".chat_box_menu .more").show();
			});	
	}
});
